<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <!--1. 刘德华 宽度 100 高度 30
绿色背景红色字体横向和纵向居中
2. 苹果和香蕉 字体大小25px斜体
3. 冰箱去掉加粗 蓝色阴影
   方向是左下 浓度 3
4. 洗衣机添加下划线
5. 百度去掉下划线字体加粗
字体大小 20px
-->
    <style>
        #ldh_div{
            width: 100px;height: 30px;
            background-color: green;
            color: red;
            text-align: center;
            line-height: 30px;
        }
        span{
            font-size: 25px;
            font-style: italic;
        }
        #bx_h1{
            font-weight: normal;
            text-shadow: blue -10px 10px 3px;
        }
        #xyj_h1{text-decoration: underline}
        a{
            text-decoration: none;
            font-weight: bold;
            font-size: 20px;
        }
    </style>
</head>
<body>
<div id="ldh_div">刘德华</div><div>张学友</div>
<span>香蕉</span><span>苹果</span>
<h1 id="bx_h1">冰箱</h1>
<h1 id="xyj_h1">洗衣机</h1>
<a href="http://www.baidu.com">百度</a>

</body>
</html>